<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>书虫网</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/home.css"/>
    <link rel="stylesheet" href="../public/js/swiper-3.4.2.min.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
    <script src="../public/js/swiper-3.4.2.min.js"></script>
    <script src="../public/js/template-native.js"></script>
</head>
<body>
    <!--头部-->
    <header class="header">
        <h3>书虫网</h3>
        <a href="search.ejs" class="search_icon"></a>
    </header>
    <!--轮播图-->
    <section class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper"></div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </section>
    <!--菜单栏-->
    <section class="menu">
        <ul>
            <li><a href="newbllboard.ejs"><img src="../public/images/newList1.png" alt="新作榜"/></a></li>
            <li><a href="finishbllboard.ejs"><img src="../public/images/closingList1.png" alt="完结榜"/></a></li>
            <li><a href="storebllboard.ejs"><img src="../public/images/store.png" alt="收藏榜"/></a></li>
            <li><a href="classify.ejs"><img src="../public/images/classify1.png" alt="分类"/></a></li>
        </ul>
    </section>
    <!--小编推荐-->
    <section class="recommend">
        <h3>主编推荐</h3>
        <ul class="edit_list"></ul>
        <a href="storebllboard.ejs" class="more">查看更多</a>
    </section>
    <!--新书推荐-->
    <section class="newbook csection">
        <h3>新作推荐</h3>
        <ul class="new_list"></ul>
        <a href="newclick.ejs" class="more">查看更多</a>
    </section>
    <!--完结推荐-->
    <section class="finishbook csection">
        <h3>完结推荐</h3>
        <ul class="finish_list"></ul>
        <a href="finishclick.ejs" class="more">查看更多</a>
    </section>
    <!--收藏推荐-->
    <section class="freebook csection">
        <h3>收藏推荐</h3>
        <ul class="store_list"></ul>
        <a href="storeclick.ejs" class="more">查看更多</a>
    </section>
    <!--导航栏-->
    <nav class="nav">
        <ul>
            <li>
                <a href="home.html" class="bookshop nava">
                    <p>书城</p>
                </a>
            </li>
            <li>
                <a href="bookshop.ejs" class="bookcase nava">
                    <p>书架</p>
                </a>
            </li>
            <li>
                <a href="search.ejs" class="search nava">
                    <p>搜索</p>
                </a>
            </li>
            <li>
                <a href="personal.ejs" class="personnal nava">
                    <p>个人中心</p>
                </a>
            </li>
        </ul>
    </nav>
<!--模板引擎-->
<!--轮播图-->
<script type="text/template" id="carousel">
        <%for(var i=0;i< items.length;i++){%>
            <div class="swiper-slide">
                <a href="noveldetail.htm#<%=items[i].bookId%>">
                    <img src="<%=items[i].imgUrl%>" />
                </a>
            </div>
        <%}%>
    </script>
<!--小编推荐-->
<script type="javascript/template" id="edit">
    <%for(var i=0;i< items.length;i++){%>
        <li>
            <a href="noveldetail.ejs#<%=items[i].bookId%>">
                <img src="<%=items[i].imgUrl%>" alt="<%=items[i].bookName%>"/>
                <p><%=items[i].bookName%></p>
            </a>
        </li>
    <%}%>
</script>
<!--新书推荐-->
<script type="javascript/template" id="newbook">
<%for(var i=0;i< items.length;i++){%>
    <li>
        <a href="noveldetail.ejs#<%=items[i].bookId%>" class="clearfix">
            <img src="<%=items[i].imgUrl%>" alt="<%=items[i].bookName%>" class="left"/>
            <div class="right">
                <p class="name"><%=items[i].bookName%></p>
                <p class="authod"><%=items[i].author%></p>
                <p class="brief"><%=items[i].introduct%></p>
            </div>
        </a>
    </li>
<%}%>
</script>
<!--完结推荐-->
<script type="javascript/template" id="finishbook">
<%for(var i=0;i< items.length;i++){%>
    <li>
        <a href="noveldetail.ejs#<%=items[i].bookId%>" class="clearfix">
            <img src="<%=items[i].imgUrl%>" alt="<%=items[i].bookName%>" class="left"/>
            <div class="right">
                <p class="name"><%=items[i].bookName%></p>
                <p class="authod"><%=items[i].author%></p>
                <p class="brief"><%=items[i].introduct%></p>
            </div>
        </a>
    </li>

<%}%>
</script>
<!--收藏推荐-->
<script type="javascript/template" id="storebook">
    <%for(var i=0;i< items.length;i++){%>
         <li>
            <a href="noveldetail.ejs#<%=items[i].bookId%>" class="clearfix">
                <img src="<%=items[i].imgUrl%>" alt="<%=items[i].bookName%>" class="left"/>
                <div class="right">
                    <p class="name"><%=items[i].bookName%></p>
                    <p class="authod"><%=items[i].author%></p>
                    <p class="brief"><%=items[i].introduct%></p>
                </div>
            </a>
         </li>

    <%}%>
</script>
</body>
<script src="../public/js/home.js"></script>
</html>